/*	Menu para la navegacion pewol macro s.a.s
	aplica para:
		.Administrador
		.Encargado de Obra
	colores:
	default {#FFF , #CCC}
	hover   {#11032e, #0D3E58}
	autor: pewol
 */

#menu { 
	background: #ddd;
	linear-gradient(top, #ccc 10px, #FFF 20px, #CCC 35px);
	background: -moz-linear-gradient(top, #ccc 10px, #FFF 20px, #CCC 35px);
	background: -webkit-linear-gradient(top, #ccc 10px, #FFF 20px, #CCC 35px);	
	height:35px;
	position:relative;
	top:-25px;
	width:100%;
	box-shadow:1px 1px 4px #73550F;
	-moz-box-shadow:1px 1px 4px #73550F;
	-webkit-box-shadow:1px 1px 13px gray;
	z-index:1;

	behavior: url(ie-css3.htc); 


	
	/*z-index:100px;*/
}
#nav{
	list-style:none;
	padding-left:.1em;
}
#nav li{ 
	float:left;
}
#nav li a { 
	text-decoration:none;
	display:block; 
	padding:0.5em 1em;
	color:#000;	
	margin:0;
	text-shadow:0 1px 3px #fff;
	border-right: 1px solid #ccc;
		
}
#nav li a:hover { 
	color:#FFF;
	text-shadow:1px 1px 1px #000;
	color:#fff; 
	background-color:#069;
	background: -moz-linear-gradient(top, #11032e, #0D3E58);
	background: -webkit-gradient(linear, left top, left bottom, from(#11032e), to(#2a0d65));
}
/** submenu **/
#nav ul.submenu {
	padding:0;
	position:absolute;
	list-style:none;
	background-color:#ddd;
	/*-moz-border-radius:0 0 20px 20px;*/
	background: -moz-linear-gradient(bottom,  #f6f6f6 , #CCC 35px);
	background: -webkit-linear-gradient(top, #FFF 20px, #CCC 35px);
	border-bottom:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;

}
#nav ul.submenu li {
	color:#CCC;
	display:block;
	float:none;
	background-image:none;
	border-bottom:1px solid #D3D3D3;
	width:135px;
	/** color botones individuales 1 **/
	background: -moz-linear-gradient(top, #ccc 10px, #FFF 20px, #CCC 35px);
	background: -webkit-linear-gradient(top, #ccc 10px, #FFF 20px, #CCC 35px);	
}

/* Subsubmenu */
#nav ul.subsubmenu {

	padding:0; 
	position:absolute; 
	list-style:none;
	background-color:#ddd;
	margin-left:135px;
	margin-top:-35px;
}
#nav ul.subsubmenu li { 
	float:none; 
	background-image:none;
	background: -moz-linear-gradient(top, #ccc 10px, #FFF 20px, #CCC 35px);
	background: -webkit-linear-gradient(top, #ccc 10px, #FFF 20px, #CCC 35px);	
}

